<template>
 <el-container class="h-[100vh] w-[100vw]">
  <el-aside  v-if="$route.meta.keepAlive" style="width: auto" >
          <sliderbar></sliderbar>
      </el-aside>
      <el-container style="width: calc(100vw - 255px);">
        <el-header v-if="$route.meta.keepAlive">
            <headernav>头部</headernav>
        </el-header>
        <el-main style="padding:0">
          <router-view></router-view>
        </el-main>
      </el-container>
 </el-container>
</template>
<script setup lang="ts">
import { useRouter, useRoute } from "vue-router";
import sliderbar from "./views/index/slidebar.vue";
import headernav from "./views/index/headernav.vue";
const router = useRouter();
const route = useRoute();
console.log(route,router);

</script>
<style scoped>
#app{
  width: 100%;
}
.el-header {
  padding: 0;
  width: 100%;
}
</style>
